<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网络营销中心</title>
		<link rel="stylesheet" type="text/css" href="js/layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="./css/base.css"/>
	</head>
	<body>
		<div class="nav">
			<div class="nav-container clearfix">
				<a class="logo">
					<img src="./img/logo.png" alt="">
				</a>
				<div class="menu clearfix">
					<a href="page.html" class="item select">首页</a>
					<a href="hangye.html" class="item">最新活动</a>
					<a class="item">联系我们</a>
				</div>
				<div class="search">
					<input type="text" placeholder="搜索您需要的产品">
					<a href="search.html">
						<img src="img/icon3.png" >
					</a>
				</div>
				<a class="btn" id="appointment">
					预约销售顾问
				</a>
			</div>
		</div>
		<div class="main-container">
			<div class="hero clearfix">
				<div class="sidebar sidebar-sub">
					<div class="info">行业分类</div>
					<div class="main">
						<div class="item">
							<a class="title">
								高等院校
							</a>
							<div class="detail clearfix">
								<a class="text">教学单位</a>
								<a class="text">科研单位</a>
								<a class="text">图书馆（通用资源）</a>
								<a class="text">职能管理部门</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台公共卫生知识服务平台公共卫生知识服务平台公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部 
								</a>
							</div>
						</div>
						<div class="item">
							<a class="title">
								医疗卫生
							</a>
							<div class="detail clearfix">
								<a class="text">医院</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部
								</a>
							</div>
						</div>
						<div class="item">
							<a class="title">
								农业食药
							</a>
							<div class="detail clearfix">
								<a class="text">食药</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部
								</a>
							</div>
						</div>
						<div class="item">
							<a class="title">
								资源环境
							</a>
							<div class="detail clearfix">
								<a class="text">自然资源</a>
								<a class="text">生态环境</a>
								<a class="text">水利</a>
								<a class="text">气象</a>
								<a class="text">地震</a>
								<a class="text">冶金</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部
								</a>
							</div>
						</div>
						<div class="item">
							<a class="title">
								基础建设
							</a>
							<div class="detail clearfix">
								<a class="text">建设建材</a>
								<a class="text">交通物流</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部
								</a>
							</div>
						</div>
						<div class="item">
							<a class="title">
								能源化工
							</a>
							<div class="detail clearfix">
								<a class="text">石油</a>
								<a class="text">电力</a>
								<a class="text">新能源</a>
								<a class="text">材料</a>
								<a class="text">化工</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部
								</a>
							</div>
						</div>
						<div class="item">
							<a class="title">
								航空航天、电子信息、科情所
							</a>
							<div class="detail clearfix">
								<a class="text">航天</a>
								<a class="text">航空</a>
								<a class="text">民航</a>
								<a class="text">电子</a>
								<a class="text">通信</a>
								<a class="text">科情所</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部
								</a>
							</div>
						</div>
						<div class="item">
							<a class="title">
								机械、纺织、轻工、商贸、园区
							</a>
							<div class="detail clearfix">
								<a class="text">机械</a>
								<a class="text">汽车家电</a>
								<a class="text">电气</a>
								<a class="text">园区</a>
								<a class="text">烟草</a>
								<a class="text">商贸</a>
								<a class="text">纺织</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部
								</a>
							</div>
						</div>
						<div class="item">
							<a class="title">
								国防军事、军校
							</a>
							<div class="detail clearfix">
								<a class="text">军队、军校</a>
								<a class="text">核工业</a>
								<a class="text">兵工集团、兵装集团等相关兵器行业</a>
								<a class="text">退役事务部、厅、局</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部
								</a>
							</div>
						</div>
						<div class="item">
							<a class="title">
								国际资源 
							</a>
							<div class="detail clearfix">
								<a class="text">高教</a>
								<a class="text">医疗卫生</a>
								<a class="text">农业食药</a>
								<a class="text">资源环境</a>
								<a class="text">基础建设</a>
								<a class="text">能源化工</a>
								<a class="text">科工</a>
								<a class="text">智库</a>
								<a class="text">公共服务</a>
								<a class="text">金融</a>
								<a class="text">职教</a>
							</div>
							<div class="submenu">
								<div class="submenu-block clearfix">
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
									<a class="submenu-item">
										公共卫生知识服务平台
									</a>
								</div>
								<a class="submenu-more">
									查看全部
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="hero-body">
					<div class="banner">
						<div class="layui-carousel" id="banner-carousel">
							<div class="banner-container" carousel-item>
								<div><img src="http://via.placeholder.com/500x300" alt=""></div>
								<div><img src="http://via.placeholder.com/500x200" alt=""></div>
								<div><img src="http://via.placeholder.com/500x100" alt=""></div>
								<div><img src="http://via.placeholder.com/500x300" alt=""></div>
								<div><img src="http://via.placeholder.com/500x300" alt=""></div>
							</div>
						</div>
					</div>
					<div class="items clearfix">
						<a class="item">
							<img src="http://via.placeholder.com/40x40" alt="">
							<!-- <div class="shadow"></div>
							<div class="title">公共卫生服务平台</div> -->
						</a>
						<a class="item">
							<img src="http://via.placeholder.com/40x40" alt="">
							<!-- <div class="shadow"></div>
							<div class="title">公共卫生服务平台</div> -->
						</a>
						<a class="item">
							<img src="http://via.placeholder.com/40x40" alt="">
							<!-- <div class="shadow"></div>
							<div class="title">公共卫生服务平台</div> -->
						</a>
					</div>
				</div>
			</div>
			<div class="section-wrap">
				<div class="section">
					<div class="section-title clearfix">
						<img src="./img/icon-mx.png" alt="">
						<div class="text">明星产品</div>
					</div>
					<div class="section-body">
						<div class="layui-tab">
							<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
							<!-- 这加了个class section-menu-mingxing  让第一个右侧不空出来查看全部的距离 其他的右侧会空出来‘查看全部’的距离 -->
							<ul class="section-menu section-menu-mingxing layui-tab-title clearfix">
								<li class="item item-select layui-this">
									高校数图
								</li>
								<li class="item">
									医疗卫生
								</li>
								<li class="item">
									机械制造
								</li>
								<li class="item">
									资源环境
								</li>
								<li class="item">
									基础建设
								</li>
								<li class="item">
									能源化工
								</li>
								<li class="item">
									航空航天
								</li>
								<li class="item">
									国防军事
								</li>
								<li class="item">
									国际资源
								</li>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行一图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
								<div class="section-page layui-tab-item">
									<!-- 一行一图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2 轮播
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库222</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心222</div>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 高数数图 一排三个-->
			<div class="section-wrap">
				<div class="section">
					<div class="section-title clearfix">
						<img src="img/icon-gs.png" alt="">
						<div class="text">高等院校</div>
					</div>
					<div class="section-body">
						<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
						<div class="layui-tab">
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item layui-this">
									高等教育
								</li>
								<li class="item">
									职业教育
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行三个图的样式 -->
									<div class="block-3 clearfix">
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
									</div>
								</div>
								<div class="section-page layui-tab-item">
									<!-- 一行三个图的样式 -->
									<div class="block-3 clearfix">
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="active">
							<div class="active-title">
								热门活动
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div>
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>	
				<!-- 医药卫生 一排一个 -->
			<div class="section-wrap">	
				<div class="section">
					<div class="section-title clearfix">
						<img src="img/icon-yl.png" alt="">
						<div class="text">医疗卫生</div>
					</div>
					<div class="section-body">
						<div class="layui-tab">
							<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item item-select layui-this">
									医疗
								</li>
								<li class="item">
									药业
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行一图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
								<div class="section-page layui-tab-item">
									<!-- 一行一图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2 轮播
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库222</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心222</div>
										</div>
									</a>
								</div>
							</div>
						</div>
						<div class="active">
							<div class="active-title">
								热门活动(轮播)
							</div>
							<div class="active-block">
								<div class="layui-carousel active-carousel">
									<div class="banner-container" carousel-item>
										<div><img src="http://via.placeholder.com/500x300" alt=""></div>
										<div><img src="http://via.placeholder.com/500x200" alt=""></div>
										<div><img src="http://via.placeholder.com/500x100" alt=""></div>
										<div><img src="http://via.placeholder.com/500x300" alt=""></div>
										<div><img src="http://via.placeholder.com/500x300" alt=""></div>
									</div>
								</div>
							</div>
						</div>
						<!-- <div class="active">
							<div class="active-title">
								热门活动(一个图)
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div> -->
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
				<!-- 农业食药 一排两个 -->
			<div class="section-wrap">	
				<div class="section">
					<div class="section-title clearfix">
						<img src="./img/icon-nongye.png" alt="">
						<div class="text">农业食药</div>
					</div>
					<div class="section-body">
						<div class="layui-tab">
							<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item layui-this">
									农业
								</li>
								<li class="item">
									食品安全
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行两个图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
								<div class="section-page layui-tab-item">
									<!-- 一行两个图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
							</div>
						</div>
						<!-- 热门活动 -->
						<div class="active">
							<div class="active-title">
								热门活动
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div>
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>	
				<!-- 资源环境 一排三个 -->
			<div class="section-wrap">	
				<div class="section">
					<div class="section-title clearfix">
						<img src="img/icon-zy.png" alt="">
						<div class="text">资源环境</div>
					</div>
					<div class="section-body">
						<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
						<div class="layui-tab">
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item layui-this">
									自然资源
								</li>
								<li class="item">
									生态环境
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行三个图的样式 -->
									<div class="block-3 clearfix">
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
									</div>
								</div>
								<div class="section-page layui-tab-item">
									<!-- 一行三个图的样式 -->
									<div class="block-3 clearfix">
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="active">
							<div class="active-title">
								热门活动
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div>
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>	
				<!-- 基建信息 一排一个 -->
			<div class="section-wrap">	
				<div class="section">
					<div class="section-title clearfix">
						<img src="img/icon-jc.png" alt="">
						<div class="text">基础建设</div>
					</div>
					<div class="section-body">
						<div class="layui-tab">
							<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item item-select layui-this">
									基础建设
								</li>
								<li class="item">
									建筑材料
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行一图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
								<div class="section-page layui-tab-item">
									<!-- 一行一图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2 轮播
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库222</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心222</div>
										</div>
									</a>
								</div>
							</div>
						</div>
						<div class="active">
							<div class="active-title">
								热门活动(轮播)
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div>
						<!-- <div class="active">
							<div class="active-title">
								热门活动(一个图)
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div> -->
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>	
				<!-- 能源化工 一排三个 -->
			<div class="section-wrap">	
				<div class="section">
					<div class="section-title clearfix">
						<img src="img/icon-ny.png" alt="">
						<div class="text">能源化工</div>
					</div>
					<div class="section-body">
						<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
						<div class="layui-tab">
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item layui-this">
									能源
								</li>
								<li class="item">
									材料化工
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行三个图的样式 -->
									<div class="block-3 clearfix">
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
									</div>
								</div>
								<div class="section-page layui-tab-item">
									<!-- 一行三个图的样式 -->
									<div class="block-3 clearfix">
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="active">
							<div class="active-title">
								热门活动
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div>
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>	
				<!-- 航空航天 电子仪表 信息产业 农业食药 一排两个 -->
			<div class="section-wrap">	
				<div class="section">
					<div class="section-title clearfix">
						<img src="./img/icon-hk.png" alt="">
						<div class="text">航空航天、电子信息、科情所</div>
					</div>
					<div class="section-body">
						
						<div class="layui-tab">
							<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item layui-this">
									航空
								</li>
								<li class="item">
									航天
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行两个图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
								<div class="section-page layui-tab-item">
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
							</div>
						</div>
						<!-- 热门活动 -->
						<div class="active">
							<div class="active-title">
								热门活动
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div>
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>	
			
			<div class="section-wrap">
				<div class="section">
					<div class="section-title clearfix">
						<img src="./img/icon-jx.png" alt="">
						<div class="text">机械、纺织、轻工、商贸、园区</div>
					</div>
					<div class="section-body">
						
						<div class="layui-tab">
							<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item layui-this">
									航空
								</li>
								<li class="item">
									航天
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
								<div class="section-page layui-tab-item">
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
							</div>
						</div>
						<!-- 热门活动 -->
						<div class="active">
							<div class="active-title">
								热门活动
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div>
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>	
				<!-- 国防军事 军队院校 一排一个 -->
			<div class="section-wrap">	
				<div class="section">
					<div class="section-title clearfix">
						<img src="img/icon-js.png" alt="">
						<div class="text">国防军事、军校</div>
					</div>
					<div class="section-body">
						<div class="layui-tab">
							<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item item-select layui-this">
									国防
								</li>
								<li class="item">
									军事
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行一图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心</div>
										</div>
									</a>
								</div>
								<div class="section-page layui-tab-item">
									<!-- 一行一图的样式 -->
									<a class="block-1 clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2 轮播
											</div>
										</div>
										<div class="main">
											<div class="title">公共卫生知识资源总库222</div>
											<div class="info">以农业科技网络书屋权威出版的海量数字资源为核心222</div>
										</div>
									</a>
								</div>
							</div>
						</div>
						<div class="active">
							<div class="active-title">
								热门活动(轮播)
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div>
						<!-- <div class="active">
							<div class="active-title">
								热门活动(一个图)
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div> -->
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>	
				<!-- 国际资源 一排三个 -->
			<div class="section-wrap">	
				<div class="section">
					<div class="section-title clearfix">
						<img src="img/icon-zy.png" alt="">
						<div class="text">国际资源</div>
					</div>
					<div class="section-body">
						<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
						<div class="layui-tab">
							<ul class="section-menu layui-tab-title clearfix">
								<li class="item layui-this">
									国际资源
								</li>
								<li class="item">
									国际资源
								</li>
								<a href="#" class="item-more">
									查看全部 >
								</a>
							</ul>
							<div class="section-pages layui-tab-content">
								<div class="section-page layui-tab-item layui-show">
									<!-- 一行三个图的样式 -->
									<div class="block-3 clearfix">
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</a>
									</div>
								</div>
								<div class="section-page layui-tab-item">
									<!-- 一行三个图的样式 -->
									<div class="block-3 clearfix">
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
										<a class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="active">
							<div class="active-title">
								热门活动
							</div>
							<div class="active-block">
								<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
							</div>
						</div>
						<!-- 典型用户 -->
						<div class="user">
							<div class="user-title">
								典型用户
							</div>
							<div class="user-block clearfix">
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
								<a href="" class="item">
									江西省南昌市农业局
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>	
		</div>
        <div class="show-bar">
            <div class="show-info clearfix">
                <div class="title">
                    中国知网精心打造<br/>
                    面向各行各业的专业知识服务平台
                </div>
                <div class="numbers clearfix">
                    <div class="item">
                        <div class="number">5678</div>
                        <div class="text">专业服务平台</div>
                    </div>
                    <div class="item">
                        <div class="number">22</div>
                        <div class="text">涵盖中国22省市</div>
                    </div>
                    <div class="item">
                        <div class="number">23411</div>
                        <div class="text">为23411个企业提供服务</div>
                    </div>
                </div>
            </div>
        </div>
		<div class="show">
			<div class="show-container">
				<div class="show-contact">
					<div class="title">在线申请获取更多信息</div>
					<div class="text">请填写您的联系方式，专属顾问尽快跟你联系</div>
					<div class="inputs clearfix">
						<input class="myinput" type="text" placeholder="姓名">
						<input class="myinput" type="text" placeholder="联系电话">
						<input class="myinput" type="text" placeholder="机构名称">
						<select class="myinput-option">
							<!-- 下拉不显示 第一个  -->
							<option value="" disabled selected hidden>省份</option>
							<option value ="">北京</option>
						</select>
						<select class="myinput-option">
							<!-- 下拉不显示 第一个  -->
							<option value="" disabled selected hidden>城市</option>
							<option value ="">北京</option>
						</select>
						<a class="btn" id="applyBtn">立即申请</a>
						<div class="error">
							姓名不能为空
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- <div class="footer">
			<div class="footer-container">
				<div class="footer-main clearfix">
					<div class="phone">
						<div class="title">售前咨询</div>
						<div class="number">400-010-8888</div>
						<div class="tip">
							周一至周五 8:30-17:30
						</div>
						<div class="tip">
							周一至周五 8:30-17:30
						</div>
					</div>
					<div class="detail clearfix">
						<div class="items">
							<div class="title">常见问题</div>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
						</div>
						<div class="items">
							<div class="title">快速入口</div>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
						</div>
						<div class="items">
							<div class="title">友情链接</div>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
						</div>
						<div class="items">
							<div class="title">关于我们</div>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
							<a href="#" class="link">如何申请开通产品</a>
						</div>
					</div>
				</div>
				<div class="footer-suggest ">
					<div class="links clearfix">
						<div class="title">
							热门推荐
						</div>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
					</div>
					<div class="links clearfix">
						<div class="title">
							热门推荐
						</div>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
					</div>
					<div class="links clearfix">
						<div class="title">
							热门推荐
						</div>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
					</div>
					<div class="links  clearfix">
						<div class="title">
							热门推荐
						</div>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
						<a href="" class="link">中国建筑知识仓库</a>
					</div>
				</div>
				<div class="footer-info">
					<div class="item">京ICP证040431号网络出版服务许可证</div>
					<div class="item">《中国学术期刊（光盘版）》电子杂志社有限公司</div>
				</div>
			</div>
		</div> -->
		<!-- <div class="left-bar">
			<a href="#" class="item">明星产品</a>
			<a href="#" class="item">明星产品</a>
			<a href="#" class="item">明星产品</a>
			<a href="#" class="item">明星产品</a>
			<a href="#" class="item">明星产品</a>
			<a href="#" class="item">明星产品</a>
		</div> -->
		
		<div class="footer">
			<div class="footer-container clearfix">
				<div class="block block1">
					<div class="title">中国知网网络营销平台</div>
					<span class="link2">© 1998-2020 中国知网（CNKI）</span>
                    <div>
                        <span class="link2">京ICP证040431号<span> <a href="https://piccache.cnki.net/index/images/gb/271.jpg" class="link">网络出版服务许可证(总)字第271号</a>
                    </div>
					<div>
                        <a class="link" href="https://piccache.cnki.net/index/images/gb/170001.jpg" class="link">出版物经营许可证</a> <span class="link2">京公网安备11010802020460号</span>
                    </div>
				</div>
				<div class="block block2">
					<div class="title">关于我们</div>
                    <div>
                        <a href="https://www.cnki.net/gycnki/gycnki.htm" target="_blank" class="link">关于CNKI</a>
                    </div>
					<div>
                          <a href="https://www.cnki.net/other/gonggao/gongsirongyu.html" target="_blank" class="link">CNKI荣誉</a>
                    </div>
					
				</div>
	
				<div class="block block3">
					<div class="title">联系我们</div>
					<div class="link link-phone">服务热线: 400-819-9993</div>
					<!-- <a href="http://help.cnki.net" target="_blank" class="link link-online">在线咨询: http://help.cnki.net</a> -->
					<a href="http://wpa.qq.com/msgrd?v=20103080830&amp;uin=1874406459&amp;site=qq&amp;menu=yes" target="_blank" class="link link-qq">QQ咨询: 1874406459</a>
					<span class="link link-mail">服务邮箱: 333333333@qq.com</span>
				</div>
				<div class="block block4">
					<div class="title title-weixin">官方微信</div>
					<img src="./img/erweima.png" alt="" class="scan">
					<div class="scan-info">扫二维码 咨询服务</div>
				</div>
			</div>
		</div>
		<div class="right-bar">
			<a href="#" class="item">
				<img src="./img/icon10.png" alt="">
				<span class="text">微信咨询</span>
				<div class="tip tip-img">
					<img src="./img/erweima.png" alt="">
				</div>
			</a>
			<a href="http://wpa.qq.com/msgrd?v=2099894620&amp;uin=1874406459&amp;site=qq&amp;menu=yes" class="item">
				<img src="./img/icon9.png" alt="">
				<span class="text">QQ咨询</span>
				<div class="tip">
					QQ：<strong>2099894620</strong>
				</div>
			</a>
			<a href="#" class="item">
				<img src="./img/icon1.png" alt="">
				<span class="text">电话咨询</span> 
				<div class="tip">
					联系电话：<strong>010-888888888</strong>
				</div>
			</a>
			<a href="#" class="item" id="top">
				<img src="./img/icon2.png" alt="">
				<span class="text">顶部</span>
			</a>
		</div>
		<div class="alert-shadow" id="alert-shadow"></div>
		<div class="alert main-alert" id="myalert">
			<div class="alert-close" id="alert-close">&times;</div>
			<div class="title">预约销售顾问</div>
			<div class="subtitle">
				请填写您的联系方式，专属顾问会尽快与您联系
			</div>
			<div class="form-box">
				<form action="" class="layui-form">
					<div class="layui-form-item">
						<label class="layui-form-label">单位名称：</label>
						<div class="layui-input-block">
							<input type="text" name="title" placeholder="" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">单位规模：</label>
						<div class="layui-input-block">
							<select name="size" lay-filter="size">
								<option value=""></option>
								<option value="0">0-50</option>
								<option value="1" selected="">50-100</option>
								<option value="2">100-500</option>
								<option value="3">500-1000</option>
								<option value="4">1000以上</option>
							</select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">所在地区：</label>
						<div class="layui-input-inline">
							<select name="area-level1" lay-filter="area">
								<option value="">请选择省</option>
								<option value="0">河北省</option>
								<option value="1" selected="">天津市</option>
								<option value="2">北京市</option>
								<option value="3">河南省</option>
								<option value="4">吉林省</option>
							</select>
						</div>
						<div class="layui-input-inline">
							<select name="area-level2" lay-filter="area">
								<option value="">请选择市</option>
								<option value="0">杭州</option>
								<option value="1" selected="">宁波</option>
								<option value="2">温州</option>
								<option value="3">台州</option>
								<option value="4">绍兴</option>
							</select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">联&nbsp;系&nbsp;人&nbsp;：</label>
						<div class="layui-input-block">
							<input type="text" name="title" placeholder="" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">联系电话：</label>
						<div class="layui-input-block">
							<input type="text" name="title" placeholder="" autocomplete="off" class="layui-input">
						</div>
						<p class="prompt">* 请输入正确的联系方式</p>
					</div>
				</form>
			</div>
			<div class="btn" id="alert-submit" lay-submit lay-filter="formDemo">
				提交信息
			</div>
		</div>
		<div class="alert-success" id="alert-success">
			<div class="alert-close" id="alert-close-success">&times;</div>
			<img src="./img/success.png" alt="" class="icon">
			<div class="title">信息已提交成功</div>
			<div class="subtitle">
				您的专属顾问会在1个工作日内联系您<br/>
				请您保持电话畅通
			</div>
			<div class="info">
				周一至周五 08：30-17：30<br/>
				周六至周日 09：00-18：00
			</div>
		</div>
	</body>
	<script type="text/javascript" src="./js/layui/layui.js"></script>
	<script type="text/javascript">
		//点击预约销售顾问后,弹出弹窗和黑色背景
		var myalert = document.getElementById("myalert");
		var myalertShadow = document.getElementById("alert-shadow");
		var myalertSuccess = document.getElementById("alert-success");
		document.getElementById("appointment").addEventListener('click',
			function(){
				myalert.style.display="block";
				myalertShadow.style.display="block";
			}
		)
		//点击弹窗的关闭按钮，关闭弹窗
		document.getElementById("alert-close").addEventListener("click",
			function(){
				myalert.style.display="none";
				myalertShadow.style.display="none";
			}
		)
		//点击提交按钮，关闭弹窗，打开成功弹窗
		document.getElementById("alert-submit").addEventListener("click",
			function(){
				myalert.style.display="none";
				myalertSuccess.style.display="block";
			}
		)
		//点击下方提交按钮，显示成功弹窗
		document.getElementById("applyBtn").addEventListener("click",
			function(){
				myalertSuccess.style.display="block";
				myalertShadow.style.display="block";
			}
		)
		//点击成功弹窗的右上角关闭，关闭成功弹窗，关闭背景黑色
		document.getElementById("alert-close-success").addEventListener("click",
			function(){
				myalertSuccess.style.display="none";
				myalertShadow.style.display="none";
			}
		)
		//点击回到顶部, 第一个参数是id，第二个参数是布尔值，如果在顶部，是否显示这个按钮。
		function toTop(id,show){
		    var oTop = document.getElementById(id);
		    var bShow = show;
		    if(!bShow){
		        oTop.style.display = 'none';
		        setTimeout(btnShow,50);
		    }
		    oTop.onclick = scrollToTop;
		    function scrollToTop(){
		        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
		        var iSpeed = Math.floor(-scrollTop/2);
		        if(scrollTop <= 0){
		            if(!bShow){
		                oTop.style.display = 'none';
		            }
		            return;
		        }
		        document.documentElement.scrollTop = document.body.scrollTop = scrollTop + iSpeed;
		        setTimeout(arguments.callee,50);
		    }
		    function btnShow(){
		        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
		        if(scrollTop <= 0 ){
		            oTop.style.display = 'none';
		        }else{
		            oTop.style.display = 'block';
		        }
		        setTimeout(arguments.callee,50);
		    }
		}
		toTop("top",false);
		
		//顶部轮播
		layui.use('carousel', function(){
		  var carousel = layui.carousel;
		  //建造实例
		  carousel.render({
		    elem: '#banner-carousel',
			width: '100%' ,
			arrow: 'always', //始终显示箭头
		    anim: 'fade', //切换动画方式
			height:'414',
			interval:'5000'
		  });
		});
		
		//热门活动的轮播
		layui.use('carousel', function(){
		  var carousel = layui.carousel;
		  //建造实例
		  carousel.render({
		    elem: '.active-carousel',
			width: '100%' ,
			arrow: 'none', //始终显示箭头
		    anim: 'fade', //切换动画方式
			height:'145',
			interval:'5000'
		  });
		});
		
		layui.use('element', function(){
		  var element = layui.element;
		});
		
		layui.use('form', function(){
			var form = layui.form;
		
			form.on('submit(formDemo)', function(data){
				return false;
			});
		});
	</script>
</html>
